home *** CD-ROM | disk | FTP | other *** search
/ Computer Shopper 2005 October / Computer Shopper 2005 October.iso / Toolkit / Sound / VLC / vlc-0.8.2-win32.exe / http / index.html < prev    next >
Encoding:
Extensible Markup Language  |  2005-06-25  |  10.0 KB  |  250 lines
  1. <?xml version="1.0" encoding="iso-8859-1" ?>
  2. <!-- $Id: index.html 11499 2005-06-23 08:36:46Z xtophe $-->
  3.  
  4. <!DOCTYPE html PUBLIC "-//W3C//DTD  XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml10/DTD/xhtml10transitional.dtd">
  5.  
  6. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
  7.  
  8.  <head>
  9.     <title>VLC media player</title>
  10.     <link href="/style.css" title="Default" rel="stylesheet" type="text/css" />
  11.     <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
  12.     <!-- Work around. should be done in the code -->
  13.     <vlc id="if" param1="url_param"/>
  14.         <meta http-equiv="refresh" content="0;url=/" />
  15.     <vlc id="else" />
  16.         <meta http-equiv="Refresh" content="60;url=/">
  17.     <vlc id="end" />
  18.     
  19.     <vlc id="control" param1="stop,pause,previous,next,add,sout,play,delete,empty,seek,fullscreen,keep,volume,sort,move" />
  20.     <vlc id="set" param1="sout" param2="string" />
  21. <script type="text/javascript">
  22.  
  23. function changeMe(item)
  24. {
  25.   if (item.parentNode.lastChild.style.display=="none")
  26.   {
  27.     item.parentNode.lastChild.style.display="block";
  28.     item.alt="[-]";
  29.     item.src="cone_minus.png";
  30.   }
  31.   else
  32.   {
  33.     item.parentNode.lastChild.style.display="none";
  34.     item.alt="[+]";
  35.     item.src="cone_plus.png";
  36.   }
  37. }
  38. </script>
  39.  
  40. </head>
  41.  
  42.  
  43.  <body>
  44.  
  45. program="<vlc id="get" param1="program" param2="int" />
  46. test2="<vlc id="get" param1="test2" param2="int" />
  47.     <!-- left menu -->
  48.     <div class="left">
  49.       <div class="sectitle">Playback control</div>
  50.       <div class="section-controls">
  51.         <p>
  52.           <form method="get" action="" style="display: inline">
  53.             <input type="submit" name="control" value="stop" />
  54.           </form>
  55.           <form method="get" action="" style="display: inline">
  56.             <input type="submit" name="control" value="pause" />
  57.           </form>
  58.         </p>
  59.         <p>
  60.           <form method="get" action="" style="display: inline">
  61.             <input type="submit" name="control" value="previous" />
  62.           </form>
  63.           <form method="get" action="" style="display: inline">
  64.             <input type="submit" name="control" value="next" />
  65.           </form>
  66.         </p>
  67.         <p>
  68.           <form method="get" action="" style="display: inline">
  69.             <input type="submit" name="seek_value" value="-1min"/><input type="hidden" name="control" value="seek"/>
  70.           </form>
  71.           <form method="get" action="" style="display: inline">
  72.             <input type="submit" name="seek_value" value="+1min"/><input type="hidden" name="control" value="seek"/>
  73.           </form>
  74.         </p>
  75.         <p>
  76.           <form method="get" action="">
  77.             <input type="text" name="seek_value" size="14"/><input type="hidden" name="control" value="seek"/>
  78.             <input type="submit" value="Seek" />
  79.           </form>
  80.         </p>
  81.         <p>
  82.           <span class="small">( Seek Textbox: for example "+12min 42sec", "01:13:43", "-12%" etc... )</span>
  83.         </p>
  84.       </div> <!-- End section -->
  85.  
  86.       <div class="sectitle">Misc controls</div>
  87.       <div class="section-controls">
  88.         <form method="get" action="">
  89.                <input type="hidden" name="control" value="volume" />
  90.           Vol: <input type="text" name="value" size="5"/>
  91.                <input type="submit" value="Set" /><br /> (0 - 1024)<br /><span class="small">(for exemple: "536", "-12", "+42", "36%")</span>
  92.         </form>
  93.         <br />
  94.         <form method="get" action="">
  95.           <input type="submit" name="control" value="fullscreen" />
  96.         </form>
  97.       </div>
  98.  
  99.       <div class="sectitle">Status</div>
  100.       <div class="section">
  101.         State: <vlc id="value" param1="stream_state" /><br />
  102.         Length: <span id="length"><vlc id="value" param1="stream_length" /> s
  103.                 </span><br />
  104.         Time: <span id="time"><vlc id="value" param1="stream_time" /> s</span><br />
  105.         Volume: <span id="volume"><vlc id="value" param1="volume" /></span>
  106.         <br /><a href="info.html">Information</a>  
  107.       </div>
  108.  
  109.       <div class="section"><a href="/admin/">Administration Page</a></div>
  110.  
  111.     </div>
  112.     <!-- end left -->
  113.  
  114.     <!-- main content -->
  115.     <div class ="right">
  116.       <h2 class="title"><a href="http://www.videolan.org/">VLC media player
  117.         <vlc id="value" param1="version" /></a> (http interface)
  118.       </h2>
  119.  
  120.       <div class="sectitle">Add</div>
  121.       <div class="section">
  122.         <table class="add">
  123.           <tr>
  124.         <form method="get" action="?" enctype="text/plain" >
  125.               <td>Add a MRL (Media Resource Locator) to the playlist</td>
  126.               <td>
  127.                <input type="hidden" name="control" value="add" />
  128.            <input type="text" name="mrl" size="40" />
  129.            <input type="submit" value="Add" />
  130.           </td>
  131.              </form> 
  132.           </tr>
  133.       <tr>
  134.             <form method="get" action="" enctype="text/plain" >
  135.               <td>Stream Output:</td>
  136.               <td>
  137.            <input type="text" name="sout" size="40" value="<vlc id="get" param1="sout" param2="string" />" />
  138.            <input type="submit"  value="Sout" />
  139.           </td>
  140.              </form>
  141.            </tr>
  142.           </table>
  143.       </div>
  144. <!-- Playlist -->
  145.       <div class="section">
  146.        <form method="get" action="">
  147.          <ul id="playlist">
  148.            <vlc id="rpn" param1="first_item 0 store" />
  149.            <vlc id="rpn" param1="last_depth 0 store" />
  150.            <vlc id="foreach" param1="pl" param2="playlist" />
  151.                  <vlc id="if" param1="pl.depth value last_depth value <" />
  152.                      <vlc id="rpn" param1="pl.depth value ':' last_depth value 1 - ':' 1 strcat strcat strcat strcat" />
  153.                      <vlc id="foreach" param1="the_final_countdown" param2="integer" />
  154.                          </ul></li>
  155.                      <vlc id="end" />
  156.                  <vlc id="end" />
  157.  
  158.                <vlc id="if" param1="pl.type value 'Node' strcmp" />
  159.                  <vlc id="rpn" param1="1 +" />
  160.                  <li>
  161.                    <input type="checkbox" name="item" value="<vlc id="value" param1="pl.index" />"/>
  162.                    <vlc id="if" param1="pl.current" />
  163.                      <strong>
  164.                    <vlc id="end" />
  165.                    <a href="?control=play&item=<vlc id="value" param1="pl.index" />">
  166.                    <vlc id="value" param1="pl.name" /><vlc id="if" param1="pl.uri value pl.name value strcmp"/>  (<vlc id="value" param1="pl.uri" />)<vlc id="end"/></a>
  167.                    <vlc id="if" param1="pl.current" />
  168.                      </strong>
  169.                    <vlc id="end" />
  170.                  </li>
  171.                <vlc id="else" />
  172.                  <li>
  173.                    <vlc id="if" param1="first_item value 0 ="/>
  174.                    <img alt="Cone" src="cone_plus.png" />
  175.                      Playlist
  176.                      <vlc id="rpn" param1="first_item 1 store" />
  177.                    <vlc id="else"/>
  178.                    <img alt="[-]" src="cone_minus.png" onclick='changeMe(this)'/>
  179.                    <vlc id="if" param1="pl.depth value 0 >"/>
  180.                      <input type="checkbox" name="item" value="<vlc id="value" param1="pl.index" />"/>
  181.              <a href="?control=play&item=<vlc id="value" param1="pl.index" />">
  182.                    <vlc id="end"/>
  183.            <vlc id="value" param1="pl.name" />
  184.                    <vlc id="if" param1="pl.depth value 0 >"/>
  185.               </a>
  186.                    <vlc id="end"/>
  187.            (<vlc id="value" param1="pl.i_children" />
  188.             item<vlc id="if" param1="pl.i_children 1 >" />s<vlc id="end" />)
  189.                    <vlc id="end"/>
  190.  
  191.                    <vlc id="if" param1="pl.i_children 0 !=" />
  192.                        <ul>
  193.                    <vlc id="else" />
  194.                        </li>
  195.                    <vlc id="end" />
  196.  
  197.                <vlc id="end" />
  198.  
  199.                <vlc id="rpn" param1="last_depth pl.depth value store" />
  200.  
  201.            <vlc id="end" />
  202.      <vlc id="rpn" param1="0 ':' last_depth value 1 - ':' 1 strcat strcat strcat strcat" />
  203.      <vlc id="foreach" param1="the_final_countdown" param2="integer" />
  204.          </ul></li>
  205.      <vlc id="end" />
  206.  
  207.          </ul>
  208.          <input type="submit" name="control" value="delete" />
  209.          <input type="submit" name="control" value="empty" />
  210.          <input type="submit" name="control" value="keep" />
  211.                   <input type="submit" name="control" value="sort" /> by
  212.                      <select name="type">
  213.                        <option value="title">title</option>
  214.                        <option value="shuffle">shuffle</option>
  215.                      </select> with
  216.                      <select name="order">
  217.                        <option value="0">normal order</option>
  218.                        <option value="1">reverse order</option>
  219.                      </select>
  220.         
  221.        </form>
  222.       </div>
  223.     </div>
  224.     <!-- end main content -->
  225.     
  226.     <p style="text-align:center;font-size:1.2em;"> <vlc id="value" param1="copyright" /> </p>
  227.  
  228.     <script type="text/javascript">
  229.       got_time = <vlc id="value" param1="stream_time" />;
  230.       hours = Math.floor(got_time/ 3600);
  231.       minutes = Math.floor((got_time/60) % 60);
  232.       seconds = got_time % 60;
  233.       if ( hours < 10 ) hours = "0" + hours;
  234.       if ( minutes < 10 ) minutes = "0" + minutes;
  235.       if ( seconds < 10 ) seconds = "0" + seconds;
  236.       document.getElementById('time').innerHTML = hours+":"+minutes+":"+seconds;
  237.       got_length = <vlc id="value" param1="stream_length" />;
  238.       hours = Math.floor(got_length/ 3600);
  239.       minutes = Math.floor((got_length/60) % 60);
  240.       seconds = got_length % 60;
  241.       if ( hours < 10 ) hours = "0" + hours;
  242.       if ( minutes < 10 ) minutes = "0" + minutes;
  243.       if ( seconds < 10 ) seconds = "0" + seconds;
  244.       document.getElementById('length').innerHTML = hours+":"+minutes+":"+seconds;
  245.       got_volume = <vlc id="value" param1="volume" />;
  246.       document.getElementById( 'volume').innerHTML = Math.ceil(got_volume * 100/1024) + " %";
  247.     </script>
  248. </body>
  249. </html>
  250.